<template>
  <div class="full-screen-container">
    <iframe
    width="100%"
    height="100%"
    frameborder="0"
    :src="`/static/web/viewer.html?file=${encodeURIComponent(fileUrl)}`"></iframe>
  </div>
</template>
<script>
const baseURL = process.env.VUE_APP_BASE_API
export default {
  name: 'pdf',
  data(){
    return {
      fileUrl: ''
    }
  },
  created(){
    this.fileUrl = baseURL + '/gelly/report/download/' + this.$route.query.trackId
    console.log(this.fileUrl)
  },
  mouted(){
    document.title = 'PDF预览'
  }
}
</script>
<style scoped>
.full-screen-container {
  position: fixed; /* 固定位置，覆盖整个屏幕 */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0; /* 移除外边距 */
  overflow: hidden; /* 隐藏溢出内容 */
  height: 100vh; /* 设置高度为视口的100% */
  width: 100vw; /* 设置宽度为视口的100% */
}

iframe {
  position: absolute; /* 绝对定位 */
  top: 0;
  left: 0;
  width: 100%; /* 宽度占满父容器 */
  height: 100%; /* 高度占满父容器 */
  border: none; /* 移除边框 */
}
</style>
